<template>
  <div id="visualData3">
    <div class="gradient-divider">
      烟叶送样清单
    </div>
    <dv-scroll-board
      :config="board_info"
      class="carousel_list"
      oddRowBGC="#fff"
    />
  </div>
</template>

<script>
export default {
  name: 'visualData3',
  data() {
    return {
      board_info: {
        header: ['年份', '产地', '等级', '品种', '类型'],
        data: [
          [2025, "贺州城北镇", "B3F", "K326", "初烤"],
          [2025, "贺州城北镇", "C3F", "K326", "初烤"],
          [2025, "贺州城北镇", "B3F", "K326", "初烤"],
          [2025, "贺州城北镇", "C3F", "K326", "初烤"],
          [2025, "贺州城北镇", "B3F", "K326", "初烤"],
          [2025, "贺州城北镇", "C3F", "K326", "初烤"],
          [2025, "贺州城北镇", "B3F", "K326", "初烤"],
          [2025, "贺州城北镇", "C3F", "K326", "初烤"],
          [2025, "贺州城北镇", "B3F", "K326", "初烤"],
          [2025, "贺州城北镇", "C3F", "K326", "初烤"],
          [2025, "贺州城北镇", "B3F", "K326", "初烤"],
          [2025, "贺州城北镇", "C3F", "K326", "初烤"],
          [2025, "贺州城北镇", "B3F", "K326", "初烤"],
          [2025, "贺州城北镇", "C3F", "K326", "初烤"],
          [2025, "贺州城北镇", "B3F", "K326", "初烤"],
          [2025, "贺州城北镇", "C3F", "K326", "初烤"]
        ],
        evenRowBGC: '',
        oddRowBGC: 'rgba(224,232,236,0.1)',
        headerBGC: 'rgb(5, 136, 206, 0.3)'
      }
    }
  },
  mounted() {

  },
  methods: {}
}

</script>

<style scoped lang="scss">
#visualData3 {
  padding: .2em;
  height: 240px;
  width: 100%;
}

.gradient-divider {
  display: flex; // 启用flex布局
  align-items: center; // 垂直居中
  // justify-content: center; // 水平居中（如果需要）
  height: 28px;
  font-size: 17px;
  font-weight: bold;
  border-radius: 3px;
  color: #f3f1f1;
  background: linear-gradient(to right, rgb(24, 115, 164) 0%, transparent);
  //margin-bottom: 5px;
  padding: 0 10px;
}

//轮播表格
.carousel_list {
  width: 100%;
  height: 90%;
}
</style>
